<template>
  <div class="centered-button">
    <el-button type="danger" style="width: 500px;height: 500px" @click="openNewPage">点击这里，跳到系统接口文档</el-button>
  </div>
</template>
<script>
export default {
  name: "Swagger",
  data() {
    return {
      url: process.env.VUE_APP_BASE_API + "/doc.html"
    };
  },
  methods: {
    openNewPage() {
      window.open(this.url, "_blank");
    }
  }
};
</script>

<style>
.centered-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
